﻿rslan td 


just 2 css files

1)styles.css:




td {

	font-family: Tahoma;

	font-size: 12px;

	color: #0084C7;

}



.footer {

	font-family: Tahoma;

	font-size: 12px;

	color: #333333;

}

.ebn a:hover{
	color:#fff;
	background-color:#000;
	text-decoration:none;
}



.ebn {

	font-family: Tahoma;

	font-size: 12px;

	color: #ffffff;

}

input , textarea, select

{

direction:rtl;

padding:1px;

border:solid #1D3652 1px;

font-family:tahoma;

font-size:11px;

background:#F2F8FD;

color:#1D3652;

}





a {

	font-family: Tahoma;

	font-size: 12px;

	color: #0084C7;

	text-decoration: none;

}

a:hover {

	font-family: Tahoma;

	font-size: 12px;

	color: #004566;

	text-decoration: underline;

/*	background-color: #FFFFFF;*/

}

.line {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #E7E7E7;

	border-right-color: #E7E7E7;

	border-bottom-color: #E7E7E7;

	border-left-color: #E7E7E7;

}

th {

	font-size: 16px;

	font-weight: bold;

	color: #00557D;

	font-family: Arial;

}
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2)stylesheet.css  :



p{

direction:rtl;

font-family:tahoma;

font-size:11px;

}

html{

height:100%;

}

body{

text-align:right;

margin:0px;

direction:rtl;

font-family:tahoma;

font-size:11px;

background-color:#333333;

margin-left:0px;

margin-right:0px;

height:100%;

padding-left:0px;

padding-right:0px;

}



table th{

color:#ffffff;

font-weight:bold;

background:#003366;

font-size:11px;

font-family:tahoma;



}

.thd{

color:#003366;

font-weight:bold;

font-size:16px;

font-family:"Times New Roman", Times, serif;



}

.form-table td{

text-align:right

}



.button{

cursor:pointer;

cursor:hand;

border:outset #C7CEE2 2px;

background:#003366;

color:#FFFFFF;

}



input , textarea, select

{

direction:rtl;

padding:1px;

border:solid #1D3652 1px;

font-family:tahoma;

font-size:11px;

background:#F2F8FD;

color:#1D3652;

}



a

{

color:#0084C7;

}

a:visited

{

color:#0084C7;

}

a:hover {

color:#000000;

}

#ErrorDiv h1{

color:#FF0000;

}

#ErrorDiv{

border:1px #981607 solid;

background-color:#ffffff;

width:300px;

padding-right:10px;

padding-top: 20px;

padding-bottom: 20px;

padding-left: 15px;

background-image: url(images/alert.png);

background-repeat: no-repeat;

font-family:tahoma;

font-size:11px;

color:#FF0000;

margin-bottom:5px



}

#AlertDiv h1{

color:#000066;

}



#AlertDiv{

border:1px #000099 solid;

background-color:#ffffff;

width:300px;

padding-right:10px;

padding-top: 20px;

padding-bottom: 20px;

padding-left: 15px;

background-image: url(images/alert-blue.png);

background-repeat: no-repeat;

font-family:tahoma;

font-size:11px;

color:#000066;

margin-bottom:5px



}

.listingDiv{

border:1px #000000 dashed;

background-color:#FEF8E0;

width:95%;

height:90%;

padding:5px;

font-family:tahoma;

font-size:11px;

margin:5px;

}

.listingDiv h1{

color:#000000;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

text-transform:capitalize;

}



.listingsScore{

font-family:tahoma;

font-size:36px;

font-weight:bold;

color:#374564;

}





.review_div{

border:1px #000000 dashed;

background-color:rgb(245,249,236);

width:400px;

padding:5px;

font-family:tahoma;

font-size:11px;

margin:5px;

}



.review_div h1{

color:#000000;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

text-transform:capitalize;

}



.review_score{

float:left;

font-family:tahoma;

font-size:25px;

font-weight:bold;

color:#374564;

}



#wrapper{

background-color: #FFFFFF;

text-align:left;

padding:5px;

height:100%;

width:722px;

margin-right:auto;

margin-left:auto;

min-height:100%;/*for mozilla*/

}

html>body #wrapper {height:auto}/*for mozilla */



#container{



background-color: #FFFFFF;

padding:5px;

text-align:right;

}



#header{

clear:both;

float: none;

display:block;

vertical-align:top;

}

#content{

height:60%;

clear:both;

vertical-align:top;

float: none;

display:block;

}

#footer{

clear:both;

vertical-align:top;

float: none;

display:block;

}

.normal_text{

/* this style most of application texts */

font-family:tahoma;

font-size:11px;



}



h2{

color:#335EAC;

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

text-transform:capitalize;



}



h3{

color:#335EAC;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

text-transform:capitalize;

}







h5{

color:#1D3652;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

}

h1{

color:#335EAC;

font-family:Arial, Helvetica, sans-serif;

font-size:22px;

text-transform:capitalize;



}

hr

{

color:#CCCCCC;

border:1px #CCCCCC solid;

height:1px;

}



#headmenu{

border:1px #88B7D2 solid;

margin:0px;

padding:0px;

height:36px;

width:713px;

}



.headbuttons{



list-style-type: none;

margin:0px;

padding:0px;

width:713px;

}

.headbuttons a:hover,.headbuttons li:hover,.headbuttons li:hover a{

pointer:hand;

cursor:hand;

text-decoration: none;

background-color:#335EAC;

color:#F2F8FD;

}



.menuhere

{

pointer:hand;

cursor:hand;

text-decoration: none;

background-color:#335EAC;

color:#F2F8FD;

}





.headbuttons a{

width:100%;

height:100%;

text-decoration: none;

}



.headbuttons li{

pointer:hand;

cursor:hand;

float: left;

text-decoration: none;

padding:10px;

margin:0px;

background-color:#F2F8FD;

color:#1D3652;

font-size:14px;

font-family:arial;

}





.headbuttons a li{

pointer:hand;

cursor:hand;

float: left;

text-decoration: none;

padding:10px;

margin:0px;

background-color:#F2F8FD;

color:#1D3652;

font-size:14px;

font-family:arial;

}



.headbuttons a:hover li{

background-color:#335EAC;

color:#F2F8FD;

}







/* message */

.ewmsg {

top: 52px; left: 80px;

border:1px #981607 solid;

background-color:#FFEBEB;



position:absolute;

width:300px;

padding-right:10px;

padding-top: 20px;

padding-bottom: 20px;

padding-left: 68px;

background-image: url(images/alert.gif);

background-repeat: no-repeat;

font-family:tahoma;

font-size:11px;

color:#FF0000;

}



.small_text{

font-family:tahoma;

font-size:11px;

color: #293924;

}



.form-td-name

{

background-color:#2573A0;

color:#ffffff ;



}

.form-td-value

{    



background-color:#F5FAFE;

color:#2573A0 ;

text-align:right;

}



.input-error input,.input-error select,.input-error textarea{

border:solid #B90000 1px;

}



.input-error{

color:#FF0000;

line-height: 200%;



}



a img{

border:0px;

}
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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" dir="rtl" >
<head>
<link rel="shortcut icon" href="/favicon.ico" >


                          <script src="https://www.google-analytics.com/urchin.khaledjs" type="text/javascript">
                          </script>








<meta http-equiv="Content-Type" content="text/html; charset=windows-1256" />


                                     <link rel="stylesheet" href="https://www.rslan.com/vad/stylesheet.css" />





                                 
<title>تصفح المجموعات</title>
<meta name="keywords" content="" />
<meta name="description" content="" />


        


     
<link  rel ="stylesheet" type ="text/css" href ="https://www.rslan.com/styles.css" />
<style type="text/css">
<!--
.style1 {
        color: #FF0000;
        font-weight: bold;
}
-->
</style>



   
   
    
     
</head>
<body bgcolor="#333333" bottommargin="2" leftmargin="0" rightmargin="0" topmargin="0">





    <td width="500" style="padding:5px;" valign="top">


          <p align=center><font color=red><b></b></font></p>  <h3>المجموعات:</h3>
        <table width="100%" border="1" align="center" bordercolor="#CCCCCC" cellpadding="2" cellspacing="2" style="border:none">    <tr>
        <tr>
          <th nowrap="nowrap"><div align="center">م</div></th>
          <th width="100%" nowrap="nowrap"><div align="center" style="font-weight: bold">اسم المجموعة </div></th>
		            <th nowrap="nowrap"><div align="center"><strong>استماع </strong></div></th>
		  <th nowrap="nowrap"><div align="center"><strong>بيانات </strong></div></th>
          </tr>
                  <tr bgcolor="#EBF5FE">
            <td><div align="center">1</div></td>
            <td><div align="center"><a href="chains.php?group_id=3">تفسير القرآن الكريم</a> </div></td>
		<td><div align="center">
		24884</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> 2</center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#ffffff">
            <td><div align="center">2</div></td>
            <td><div align="center"><a href="chains.php?group_id=4">شرح كتاب فقه السُّنَّة</a> </div></td>
		<td><div align="center">
		233721</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#EBF5FE">
            <td><div align="center">3</div></td>
            <td><div align="center"><a href="chains.php?group_id=6">شرح الوابل الصَّيِّب من الكَلِم الطيب للعلامة ابن القيم</a> </div></td>
		<td><div align="center">
		302025</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#ffffff">
            <td><div align="center">4</div></td>
            <td><div align="center"><a href="chains.php?group_id=7">شرح مجموع فتاوى شيخ الإسلام ابن تيمية</a> </div></td>
		<td><div align="center">
		969848</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#EBF5FE">
            <td><div align="center">5</div></td>
            <td><div align="center"><a href="chains.php?group_id=8">تفسير معاني القرآن</a> </div></td>
		<td><div align="center">
		1826010</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#ffffff">
            <td><div align="center">6</div></td>
            <td><div align="center"><a href="chains.php?group_id=9">الشرح الممتع على زاد المستقنع</a> </div></td>
		<td><div align="center">
		2444428</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#EBF5FE">
            <td><div align="center">7</div></td>
            <td><div align="center"><a href="chains.php?group_id=11">التفسير الوسيط</a> </div></td>
		<td><div align="center">
		389522</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#ffffff">
            <td><div align="center">8</div></td>
            <td><div align="center"><a href="chains.php?group_id=12">الفقه الميسر</a> </div></td>
		<td><div align="center">
		181290</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#EBF5FE">
            <td><div align="center">9</div></td>
            <td><div align="center"><a href="chains.php?group_id=13">تفسير القرآن العظيم</a> </div></td>
		<td><div align="center">
		176304</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>
                    <tr bgcolor="#ffffff">
            <td><div align="center">10</div></td>
            <td><div align="center"><a href="chains.php?group_id=14">شرح عمدة الأحكام من كلام خير الأنام</a> </div></td>
		<td><div align="center">
		215274</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            </tr>


<tr>
         <tr bgcolor="#39d10a">
            <td><div align="center">10</div></td>
            <td><div align="center"><a href="chains.php?group_id=14">شرح عمدة الأحكام من كلام خير الأنام</a> </div></td>
		<td><div align="center">
		215274</div></td>
        <td nowrap="nowrap"><div align="center"><img src="https://www.rslan.com/vad/images/info_small.jpg" width="13" height="19" border="0" onmouseover="return overlib('<center><b>عدد السلاسل:</b> </center>');" onmouseout="return nd();" /></div></td>
            
</tr>
                </table>
            
</td>

    
</body>

</html>
 
